@charset 'utf-8';

.head{
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 24;
    background-color: #996ef0;
    overflow: hidden;
    /* position: absolute; */
    display: flex;
    justify-content: center;
}
/* .head a{
    text-decoration:none;
    border:0;
    margin:0;
    padding:0;    
} */
.head>:nth-child(1){
    width: 130px;
    margin: 8px 70px 0px 0px;
    float: left;
    margin-left: -595px;
}
.head img{
    transition: all 1s;
}
.head img:hover{
    transform: scale(1.2);
    /* box-shadow: 1px 1px 1px; */

}
    .a ,.b ,.c,.d{        
        color: #ebebeb;
        margin-right: 52px;
        height: 80px;
        line-height: 80px;
        font-weight: 500;
        font-size: 16px;
    }
    .a>:nth-child(1),.b>:nth-child(1),.c>:nth-child(1),.d>:nth-child(1){
        text-decoration: none;
        color: #ebebeb;
        
    }
    
    
.head1{
    height: 80px ;
    width: 100%;
    background-color: white;
}
.center1{
    width: 1200px;
    background-color: aqua;
    height: 150px;
    margin-left: 50%;
    position: relative;
    right: 600px;
    text-align: 20px;
    border-radius: 2rem;
    margin-top: 20px;

   
    /* margin-inline: ; */

}
.center1 img{
    transition: 1s;
}
.center1 img:hover{
    transform: scale(1.2);
}
.center2{
    width: 1200px;
    background-color: #fff;
   margin: 0 auto;
    margin-top: 20px;
    height: 2500px;
}
.first{
    width: 880px;
    background-color: #fff;
    height:2500px ;
}
.up{
    width: 879px;
    height: 140px;
    line-height: 86px;
    background-color: rgb(255, 255, 255);
    border-radius: 1rem;
    border: 1px solid #808080;
    display: flex;
    justify-content: space-around;

}
.up img{
    transition: 1s;
}
.up img:hover{
    transform: scale(1.06);
}
/* .up>line{
    width: 1px;
    height: 52px;
    color: #808080;
    right: 0px;
    top: 50px;
} */
.center3{
    width: 880px;
    height: 42px;
    background-color: #fff;
    line-height: 66px;
}
.one{
    position: relative;
    font-size: 16px;
    font-family: "黑体";
    font-weight: 500;
    color: #333333;
    margin-right:12px;
}
.two{
    color: #808080;


}
.three{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-family: 400;
    color: #8b76f9;
    line-height: 17px;
    float: right;
    margin: 15px 14px 0px 0px;
}
    .down{
    
    height:3000px ;
     border-radius: 6px;
     /* border: 3px solid #8b76f9; */
}
.down>ul{
    margin: 0px;
    padding: 0px;
}
 .down>ul>li{
     width: 440px;
     height: 194px;
     background-color:#fff;
     border: 1px solid #888888;
     list-style-type: none;
     float: left;
     box-sizing: border-box;
 }
.people1{
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 12px;
}
.people1-right{
    /* position: relative; */
    width: 281px;
    height: 200px;
    float: right;
    margin-right: -299px;
    margin-bottom: 200px;
    background-color: #fff;
}
.name1{
    font-weight: 600;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #666666;
    line-height: 22px;
    margin-top: 4px;
    margin-bottom: 10px;
}
.people2-right{
    width: 281px;
    height: 200px;
    float: right;
    margin-right: 1px;
    margin-bottom: 200px;
    background-color: #fff;
}
/* .people2-right>name{
    font-weight: 600;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #666666;
    line-height: 22px;
    margin-top: 1px;
    margin-bottom: 10px;
} */
.people3-left{
    width: 281px;
    height: 200px;
    float: right;
    margin-right: 1px;
    margin-bottom: 200px;
    background-color: #fff;
}
.people4-right{
    width: 281px;
    height: 200px;
    float: right;
    margin-right: 1px;
    margin-bottom: 200px;
    background-color: #fff;
}
.people5-left,.people7-left,.people9-left,.people11-left,.people13-left,.people15-left,.people17-left,.people19-left,.people21-left,.people21-left,.people23-left{
    width: 281px;
    height: 200px;
    float: right;
    margin-right: 1px;
    margin-bottom: 200px;
    background-color: #fff;
}
.people6-right,.people8-right,.people10-right,.people12-right,.people14-right,.people16-right,.people18-right,.people20-right,.people22-right,.people24-right{
    width: 281px;
    height: 200px;
    float: right;
    margin-right: 1px;
    margin-bottom: 200px;
    background-color: #fff;
}

.instruct{
    height: 1.1rem;
    font-size: 14px;
    font-weight: 500;
    columns: #666666;
    line-height: 17px;
    margin-bottom: 16px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.instruct2{
    font-size: 14px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 400;
    color: #666666;
    line-height: 37px;
    overflow: hidden;

}
.people1{
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 12px;
}
.people1-right{
    /* position: relative; */
    width: 281px;
    height: 200px;
    float: right;
    margin-right: -299px;
    margin-bottom: 200px;
    background-color: #fff;
}
 .second>.one{
    width: 290px;

    height: 200px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #ededed;
    float: right;
    bottom: 2500px;
    right: -12px;
 }
 .second>.one>:nth-child(1){
     width: 290px;  
     height: 200px;
 }
 .second>.two{
     position: relative;
     width: 290px;
     height: 450px;
     background-color: #fff;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    float: right;
    right: -304px;
    bottom: 2280px;    
}
.second>.three{
    position: relative;
    width: 290px;
    height: 231px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 6px;
    float: right;
    right: -610px;
    bottom: 1809px ;
} 
.second>.four{
    position: relative;
    width: 290px;
    height: 150px;
   
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    float: right;
    right: -902px;
    bottom: 1533px;
}
.second>.five{
    position: relative;
    width: 290px;
    height: 150px;
   
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    float: right;
    right: -902px;
    bottom: 1480px;
}
.imply{
    font-size: 20px;
    font-weight: 600;
    font-family: "黑体";
    position: relative;
    padding: 20px 0px 14px 20px;
    float: left;
}
.five>.five1{
    width: 280px;
    height: 3px;
    background-color: #ebebeb;
    position: relative;
    /* margin: 0 auto; */
    right: -6px;
    bottom: -41px;

}
.five>.img{
    width: 30px;
    height: 45px;
    float: left;
    left: 20px;
    bottom: 200px;
}
.second>.six{
    position: relative;
    width: 290px;
    height: 200px;
   
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    float: right;
    right: -597px;
    bottom: 1438px;

}
.six>:first-child{
    width: 290px;
    height: 200px;
    
}
.second>.seven{
    position: relative;
    width: 290px;
    height: 36px;
    border-radius: 4px;
    background-color: #fff;
    float: right;
    right: -888px;
    bottom: 1206px;
}
.seven>:first-child{
    width: 290px;
    height: 36px;
}
.last{
    width: 100%;
    padding: 0px;
    margin: 200px 0px 0px;
    background-color: #ebebeb;

}